<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>赛富威</title>
<link href="CSS/css.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="JS/jquery.min.js"></script>
<script type="text/javascript" src="JS/superslide.2.1.js"></script>
<script type="text/javascript">
$(function () {
	
	var winw = parseInt($(window).width());
	$('.menu .nav .box').css({'padding-left':(winw-0)/2,'padding-right':(winw-1200)/2,'margin-left':-(winw-0)/2});
	
	var navLi=$(".menu .nav li");
	navLi.mouseover(function () {
		$(this).find("a").addClass("current");
		$(this).find(".box").stop().slideDown(50);
	})
	navLi.mouseleave(function(){
		$(this).find("a").removeClass("current");
		$(this).find(".box").stop().slideUp(50);
	})
})
</script>
</head>

<body>
<?php 
$arr=array();
$arr=$term?>
<div class="menu_holder">
	<div class="menu">
        <div class="logo"><image src="images/logo.jpg" /></div>
		<ul class="nav">
				<li>
				<a href="index.html">首页</a>
			</li>
			
			{foreach $termList.nav as $term}
			
			<li><a href="{$term.url}">{$term.name}</a>
			{if $term.child[0]!=null}
            <div class="box">
                   <div class="box_a">
				   <p>
				   {foreach $term.child as $c}
					<a href="${$c.url}">{$c.name}</a>
					{/foreach}
					</p>
                   </div>
				</div>
				{/if}.
           </li>
		   {/foreach}

		</ul>
        <div class="seo">
        <input class="seo_text" placeholder="请输入关键词" type="text"  /><input class="seo_img" type="button" />
        </div>
	</div>
</div>
<div class="banner"><image src="images/banner.jpg" /></div>
<div class="holder">
     <div class="left" style="padding-top:0;">
	   
	   
	   
          <div id="firstpane" class="menu_list">
		  {foreach  $arr.child as $ter}
               <h3 class="menu_head">{$ter.name}</h3>
	           <div class="menu_body">
			   {if $ter.child[0]!=null}
				   {foreach $ter.child as $c}
		            <a class="on" href="#">{$c.name}</a>
		            {/foreach}
					{/if}
	           </div>
	 {/foreach}
        
		     </div>
		  </div>
		  </div>
        
<script type="text/javascript">
$(document).ready(function(){

	 $("#firstpane .current").next().show(); 
	$("#firstpane h3.menu_head").click(function(){
		$(this).addClass("current").next("div.menu_body").slideToggle(300).siblings("div.menu_body").slideUp("slow");
		$(this).siblings().removeClass("current");
	});
	
	$("#secondpane .menu_body:eq(0)").show();
	$("#secondpane h3.menu_head").mouseover(function(){
		$(this).addClass("current").next("div.menu_body").slideDown(500).siblings("div.menu_body").slideUp("slow");
		$(this).siblings().removeClass("current");
	});
	
});
</script>
     </div>
     <div class="right">
          <div class="all_right">
               <h3>{$arr.name}<p><span>当前位置></span><span>首页></span><span>{$arr.name}</span></p></h3>
          </div>
          
          <div class="details">
               <h3 class="title">生物催化剂</h3>
               <!-- 代码部分begin -->
<div class="table">
	<div class="tab">
    	<a href="#" class="on">产品详情</a>
        <a href="#">案例赏析</a>
        <a class="a_last" href="#">用户评价</a>
    </div>
    <div style="clear:both"></div>
    <div class="ct">
    	<ul>
        	<li style="display:block;">
			 {foreach :term('24')['content'] as $c}
			    <img src="UPLOADS/{$c.cover_img}" />
				
               <p>{$c.name}</p>
               <p>{$c.content}</p>
              {/foreach}
               <div id="page">
                   
                   
               </div>
            </li>
            
        </ul>
    </div>
</div>
<script>
$(function(){
	$(".table .tab a").mouseover(function(){
		$(this).addClass('on').siblings().removeClass('on');
		var index = $(this).index();
		number = index;
		$('.table .ct li').hide();
		$('.table .ct li:eq('+index+')').show();
	});
	
	var auto = 2;  //等于1则自动切换，其他任意数字则不自动切换
	if(auto ==1){
		var number = 0;
		var maxNumber = $('.table .tab a').length;
		function autotab(){
			number++;
			number == maxNumber? number = 0 : number;
			$('.table .tab a:eq('+number+')').addClass('on').siblings().removeClass('on');
			$('.table .ct ul li:eq('+number+')').show().siblings().hide();
		}
		var tabChange = setInterval(autotab,3000);
		//鼠标悬停暂停切换
		$('.table').mouseover(function(){
			clearInterval(tabChange);
		});
		$('.table').mouseout(function(){
			tabChange = setInterval(autotab,3000);
		});
	  }
});
</script>
<!-- 代码部分end -->
                
          </div>
         
     </div>
   <div style="clear:both"></div>
</div>
<div class="footer">
     <div class="ft">
            <ul>
              <li><a>{$site.gongsi}</a></li>
              <li><span>地址：{$site.address}</span>          <span>联系电话：{$site.phone}</span>          <span>邮 箱：{$site.youxiang}</span></li>
              <li class="li_last"><span>{$site.icp}</span>          <span>{$site.brian}</span>          <span>版权所有：{$site.banquan}</span>          <span>技术支持：{$site.jishu}</span> </li>
          </ul>
          
          <div class="ft_center">
               <span class="span_fist">{$site.c}</span>
               <span class="span_last">{$site.z}</span>
          </div>
          <div class="ft_right">
               <p><img src="UPLOADS/{$site.a}" />官方微信</p>
               <span><img src="UPLOADS/{$site.wxlogo}" /></span>
          </div>
          <div style="clear:both"></div>
     </div>
     
</div>
</body>
</html>
